@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	.often .title {font-size: 28px;}
	.header .max .seek{ display:none;}
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; width:100%; background:none;}
	.nav{ position:absolute; float:left; background:#08ac6d; z-index:20; right:0px; width:40%;  margin:0px;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center;}
	.nav li a{ background:#08ac6d; color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li a{ font-size:16px;}
	.head_b .dh{ display:block;font-size: 50px;}
	#nav_select { background: #ffffff !important;}
	#nav_select a{ color:#fff;}
	
	.header{ padding:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	.head_b .text_1 {display: none;}
	.banner li img,.banner{ height:300px !important;}
	
	.icon{ display:none;}
	.pro_l{ display:none;}
	.search {overflow: hidden;}
	.search_1 {width: 59%;}
	.courses_b li {width: 33%;max-width: 33%;}
	.courses_b .text {display: none;}
	.pro_l_title{ display:none;}
	.pro_l{ max-width:100%; width:100%;}
	.pro_l ul{ padding:0px;}
	.pro_l li{ max-width:calc(25% - 7.5px); margin-right:10px; padding:0px; text-align:center;}
	.pro_l li:nth-of-type(4n){margin-right:0px;}
	.pro_l li .icon{ display:none;}
	.pro_l .contact{ display:none;}
	.pro_l .tel{ display:none;}
	.pro_l li .title{ max-width:100%;}
	.pro_r{ max-width:100%; margin-top:20px;}

	.villa_b li .picture{max-width:160px;}
	.villa_b li .picture img{ height:160px;}
	
	.about .about_l{ max-width:92%;}
	.about .about_r{ max-width:100%; margin-top:20px;position: inherit;}
	.about .about_r .content {float: none;margin-top: 0;}



	.course_b{ display:flex; flex-wrap:wrap;}
	.course_b li{ max-width:33%; margin:10px 0px;text-align: center;}
	
	.news_l{ max-width:90%;}
	.news_r{ max-width:98%; margin-top:30px;}
	.news_more {margin-left: 3%;}
	.news_s>a {margin-left: 40%;}

	.news_s .news_st li h5 {font-size: 20px;}
	.news_s .news_st li p {font-size: 18px;}
	.news_l .content .title {font-size: 22px;}
	.news_l .content .time {font-size: 18px;}
	.news_l .content .text {font-size: 18px;}
	.news_r li time .date {font-size: 18px;}
	.news_r li .text {font-size: 22px;max-height: 30px;}

	section.surbase{ display:none;}
	section.product {overflow: hidden;}
	.product_b_r {width: 35%;}
	.product_b_r li {padding-bottom: 5px;}
	.product_b_r h5 {font-size: 18px;}
	.product_b_r p {font-size: 12px;}

	.project .pro li {width: 230px;}
	.inventory {margin-top: 10px;}

	.tel_s .tel_l {width: 100%;padding: 15px 0;}
	.tel_s .tel_r {width: 100%;text-align: center;}
	.tel_s .tel_rs {margin-top: 10px;margin-bottom: 20px;}

	.shiLi {
		height: 1061px;
    background: transparent;

	}
	.shiLi .shiLi_s .shiLi_1 {
		width: 98%;
	}
	.shiLi .shiLi_s .shiLi_2 {
		float: inherit;
		margin-top: 20px;
	}




	.honor_s>img {width: 25%;}
	.news_s {width: 98%;border-left:none}

	footer.footer{ background:#333;}
	.foot_b{ flex-wrap:wrap;}
	.foot_b .foot_l{ max-width:100%; background:none;margin-left: 26%;}
	.foot_b .foot_2 {width: 100%;border: none;font-size: 22px;margin-bottom: 0;}
	.foot_b .foot_r{ max-width:100%; width:100%; background:#333;margin-left: 37%;}
	.foot_b .foot_r .column{ text-align:center;}
	.foot_b .foot_l .text{ font-size:20px; text-align:center; max-width:100%; width:100%; margin-top:0px;}
	.foot_b .foot_l .column a{ color:#fff;}
	.foot_b .foot_l .trait{ flex-wrap:wrap;}
	.foot_b .foot_l .trait .content{ color:#fff; margin-top:20px;}
	.foot_b .foot_l .trait .picture{ width:100%; text-align:center;}
	.foot_b .foot_l .trait .picture img{ display:block; margin:0px auto;}
	.foot_b .foot_r .content li{ display:block;}
	.foot_b .foot_r .content li .text{ text-align:center; margin:0px; width:100%;}
	.foot_b .foot_r .code div{ max-width:50% !important;}
	.foot_b .foot_r .code .picture{ width:100% !important; text-align:center;}
	.foot_b .foot_r .code .picture img{ display:block !important; margin:0px auto !important;}


	.url .picture {font-size: 24px;width: 100%;}
	.url a {font-size: 18px;line-height: 2;margin-left: 10px;}
	

	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:100px;}
	.list_l{ max-width:100%;}
	.list_l .pro_l ul{ border:0px;}
	.page_r{ max-width:100%; width:100%;}
	.pro_list .page_r li {width: 31%;}
	.pro_list .page_r.page_r_s li {width: 31%;}
	.pro_list .page_r_s li:nth-of-type(3n) {
		margin-right: 0px;
	}
	.pro_list .page_r_s li:nth-of-type(4n) {
		margin-right: 12px;
	}
	.pro_list .page_r li:first-child{ margin-left:0px;}
	.pro_list .page_r li:nth-of-type(3n) {margin-right: 0;}
	.pro_list .page_r li:nth-of-type(4n) {margin-right: 18px;}
	.pro_list .list_l{ display:block; max-width:100%;}
	.list_l .contact{ display:none;}
	
	.page_brand{ max-width:100%;}
	.brand_no .list_l{ display:none;}
	.swiper-container {width: 1250px;overflow: hidden;}
}
@media (max-width: 425px){
	.swiper-container {width: 1050px;overflow: hidden;}
	.head_b .dh {font-size: 40px;}
	.search_1 {display: none;}
	.courses_b .picture span {font-size: 38px;text-align: center;display: inline-block;line-height: 2.4;}
	.courses_b li {margin: 0px 16px;width: 25%;margin-bottom: 12px;}
	.courses_b .picture {height: 90px;}
	.courses_b .title {margin-top: 5px;font-size: 14px;}
	.product_b>img {width: 100%;}
	.product_b_r {width: 90%;}
	.tel_s .tel_l>p {font-size: 14px;}
	.tel_s .tel_l>span {font-size: 18px;}
	.tel_s .tel_rs p {font-size: 24px;}
	.shiLi .often {margin-left: 15%;margin-bottom: 8px;}
	.often .picture img {display: none;}
	.courses_b {padding-top: 20px;padding-bottom: 20px;}
	.shiLi {height: 860px;}
	.shiLi .shiLi_s .shiLi_1 {width: 100%;}
	.shiLi .shiLi_s .shiLi_2 {float: none;width: 360px;}
	.about .about_r .content {width: 100%;padding: 30px 10px 0 21px;height: 411px;}
	.about .often .text {margin-bottom: 0;}
	.about .about_r .more {right: -11px;bottom: -41px;height: 70px;line-height: 70px;}
	.about .about_l>img {height: initial;}
	.about .about_l {max-width: 100%;height: initial;}
	section.about {padding-bottom: 10px;}

	.about .about_r .content p:first-child {font-size: 22px;}
	.about .about_r .content p{font-size: 14px;}
	.honor {padding: 20px 0 0px 0;}
	.honor_s {margin-top: 20px;height: 260px;}
	.honor_s>img {width: 49%;}

	section.news {margin-top: 20px;}
	section.news {padding-bottom: 30px;}
	.news_s>a {margin-left: 60%;}
	.news_s .news_st li span {margin-right: 10px;}
	.news_s .news_st li h5 {font-size: 16px;width: 87%;}
	.news_s .news_st li p {font-size: 14px;}
	.news_more {font-size: 14px;margin-top: 15px;}
	.news_more>span {font-size: 14px;width: 14px;height: 14px;line-height: 14px;}
	.news_l .content .title {font-size: 18px;}
	.news_l .content .time {font-size: 16px;margin-top: 10px;}
	.news_l .content .text {font-size: 14px;}
	.news_r {margin-top: 0;}
	.news_r li time .date {font-size: 14px;}
	.news_r li time {margin-bottom: 6px;}
	.news_r li .text {font-size: 14px;max-height: 23px;margin-bottom: 10px;}

	.foot_b .foot_l {margin-left: 10%;margin-top: 20px;}
	.foot_b .foot_2 {margin-top: 20px;font-size: 14px;}
	.foot_b .foot_r {margin-left: 30%;}
	.foot_b .foot_r>img {width: 50%;}



	.header .logo img{ max-height:60px;}
	.banner li img,.banner{ height:200px !important;}
	.banner_s li img,.banner_s{ height:150px !important;}
	.lef_rig span img{ height:50px;display: none;}
	.lef_rig span{ top:calc(100% - 50px);}
	
	.iconnav-list:before{ font-size:50px;}
	.often{ margin:20px auto 10px auto;}
	.often .title{ font-size:20px;}









	.pro_r ul li .picture img{ height:180px;}
	.pro_r ul li .title::after{ display:none;}
	
	.head_line .text{ display:none;}
	.head_b{ padding:10px 0px}
	.pro_r ul li{ max-width:49%; width:100%; margin-right:0px;}
	.pro_r ul li:nth-of-type(even){ float: right;}
	
	.villa_b li{transform:skew(0deg); max-width:49%; margin-right:0px;}
	.villa_b li:nth-of-type(even){ float:right;}
	.villa_b li .picture{transform:skew(0deg);}
	.villa_b li:nth-of-type(n+3){ display:none;}
	.villa_b li .title{transform:skew(0deg); margin-right:0px; width:100%; text-align:center;}
	.villa_b li .title::before{ display:none;}
	.pro {margin-top: 25px;}
	.pro_r .pro_cloumn .title{ font-size:16px;}
	.project .pro li{margin:0px 43px;width: 310px;}
	.news_r li .picture{ max-width:100%;}
	.news_r li .picture img{ height:auto;}
	.news_r li .content{ max-width:100%; padding:0px 2%;}
	.foot_b .foot_l .column a{ max-width:25%;}
	.foot_b .foot_l .column a:nth-of-type(4n)::after{ display:none;}
	.foot_b .foot_l .trait{ margin-top:20px;}
	.foot_b .foot_l .trait .content{ display:none;}
	.course_b{ padding:20px 0px}
	.course_b .title{ font-size:14px;margin-top: 3px;margin-bottom:10px}
	.course_b li .text{display: none;}
	.course_b .picture span {font-size: 42px;line-height: 1.6;}
	.course_b .picture {height: 66px;width: 89%;}
	.course_b li {width: 25%;margin: 3px 16px;padding: 0 3%;}
	/* .course_b li{ max-width:50%;} */
	/* .course_b li:nth-of-type(n+5){ display:none;} */



	.foot_l .contact div{max-width:100%}
	.url .picture{max-width:100%; width:100%; margin-bottom:10px;font-size: 20px;}
	.url a {font-size: 14px;}
	
	.foot_l .contact .picture{ display:none;}
	.foot_l .content{ max-width:100%; padding-bottom:10px;}
	.foot_l .content p{ float:left; margin:0px 5px;}

	
	
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 100px;}
	.foot_b .contact{ text-align:center;}

	
	.page_r{ margin-top:20px;}
	.page_address{ margin-bottom:20px;}
	.pro_list .page_r li{ width: 49%; max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(4n) {margin-right: 0;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li .picture img{ height:180px;}
	.pro_list .page_r.page_r_s li {width: 49%; max-width:49%; margin-right:0px;}
	.page_list{ margin:20px auto;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li .picture{ max-width:100%; width:100%;}
	.news_list .page_r li .picture img{ height:auto;}
	.news_list .page_r li .content{ max-width:100%; width:100%; margin-top:20px; padding:0px 2%; box-sizing:border-box;}
	.news_list .page_r li .content .more{ float:none; display:block;}
	.page_brand li{ max-width:48%; margin-right:0px;}
	.page_brand li:nth-of-type(even){ float:right;}
	.page_brand li .picture{ display:flex; align-items:center; height:170px;}
	.page_brand li img{ height:150px;}

	.page_r .pageR_title{border-bottom:0px;}
	.page_r .pageR_title .title{ max-width:100%; width:100%; text-align:center;}
	.page_r .pageR_title .column{ max-width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
	.page_r .pageR_title .column a{ margin:5px !important;}
	
}

@media (max-width: 375px){
	.swiper-container {width: 930px;overflow: hidden;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:50px;}
	.courses_b li {margin: 5px 14px;}
	.lef_rig span{ top:calc(50% - 25px) !important;}
	/* .courses_b .picture {height: 120px;} */
	.honor_s {height: 230px;}
	.honor_list li{ max-width:100%;}
	.honor_list li span img{ height:auto;}
	.case li{ margin:5px 30px 14px 30px;}
	.about_b .content .slogan{ font-size:18px; text-align:center;}
	section.about{ padding-bottom:40px;}
	.news_l ul .picture{ max-width:140px;}
	.news_l ul .content{ max-width:calc(100% - 155px);}
	.news_l ul .title{ font-size:14px;}
	.news_l ul .text{ font-size:12px;}
	section.url{ padding:15px 0px;}
	.pro_r ul li .picture img{ height:170px;}
	.pro_r ul li .title{ padding:10px 0px;}
	.head_line .max *{ font-size:12px;}
	.project .pro li {margin: 0px 25px;}
	.pro_list .page_r li .picture img{ height:160px;}
	.courses_b .title::after {margin: 3px auto 0px auto;}
	section.product {height: 50px;line-height: 50px;}
	.product_s {font-size: 16px;}
	.product_s>a {font-size: 14px;}
	.course_b li {margin: 3px 14px;}
	.shiLi {height: 800px;}
}



@media (max-width: 320px){
	.banner li img,.banner{ height:150px !important;}
	
}